{extend name="base"/}
{block name="title"}
<title>妙百睿国际幼儿园-首页</title>
{/block}

{block name="content"}
<!--轮播开始-->
<div id="g-banner" class="hidden-xs" >
    <div id="carousel-example-generic" class="carousel slide scroll-c" data-ride="carousel">

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            {foreach name="$lunbo" item="v"}
            {if $v.type == 0}
            <div class="item {if $key == 0}active{/if}">
                <a href="{$v.href}"><img src="{$v.img_url}" alt="..."></a>
                <div class="carousel-caption"></div>
            </div>
            {/if}
            {/foreach}
        </div>
        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <img class="icon-left" src="__HTML__/img/i-ledt.png">
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <img class="icon-right" src="__HTML__/img/i-right.png">
        </a>
    </div>
</div>
<!--轮播结束-->
<div id="g-banner1" class="visible-xs" >
    <div id="carousel-example-generic1" class="carousel slide scroll-c" data-ride="carousel">

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            {foreach name="$lunbo" item="v"}
            {if $v.type == 1}
            <div class="item {if $key == 0}active{/if}">
                <a href="{$v.href}"><img src="{$v.img_url}" alt="..."></a>
                <div class="carousel-caption"></div>
            </div>
            {/if}
            {/foreach}
        </div>
    </div>
</div>


<!--第二模块新闻开始-->
<div class="g-module">
    <div class="container">
        <div class="row g-bordr">
              <div class="col-md-9">
                  <img src="{$data.img_url1}" alt="">
              </div>

              <div class="col-md-3">
                  <p class="g-title">{$data.title1}</p>
                  <p class="g-content">
                      {$data.content1}
                  <a class="g-more more-big" href="{$data.href_url}">{$data.href_name}</a>
              </div>
        </div>
    </div>

    <div class="container g-conta">
         <div class="row">

             <div class="col-md-4">

                 <div class="g-top">
                     <img src="{$data.img_url2}" alt="">
                 </div>
                 <div class="g-top-zhe" ></div>
                 <div class="g-hidden " >
                     <img class="jia"  src="__HTML__/img/jia.png"  >
                     <a href="{$data.href_url2_1}">
                     <div class="g-miaoshu">

                         <p>{$data.title2_1}</p>
                     </div>
                     </a>
                 </div>
                 <div class="g-bottom">
                     <p class="g-content">{$data.content2_1}</p>
                     <a class="g-more" href="{$data.href_url2_1}">{$data.href_name2_1}</a>
                 </div>
             </div>


             <div class="col-md-4">
                 <div class="g-top">
                     <img src="__HTML__/img/b-3.jpg" alt="">
                 </div>
                 <div class="g-top-zhe" ></div>
                 <div class="g-hidden " >
                     <img class="jia"  src="__HTML__/img/jia.png"  >
                     <a href="{$data.href_url2_2}">
                     <div class="g-miaoshu">
                         <p>{$data.title2_2}</p>
                     </div>
                     </a>
                 </div>
                 <div class="g-bottom">
                     <p class="g-content">{$data.content2_2}</p>
                     <a class="g-more" href="{$data.href_url2_2}">{$data.href_name2_2}</a>

                 </div>
             </div>
             <div class="col-md-4">

                 <div class="g-top">
                     <img src="__HTML__/img/b-4.jpg" alt="">
                 </div>
                 <div class="g-top-zhe" ></div>
                 <div class="g-hidden " >
                     <img class="jia"  src="__HTML__/img/jia.png"  >
                     <a href="{$data.href_url2_3}">
                     <div class="g-miaoshu">
                         <p>{$data.title2_3}</p>
                     </div>
                     </a>
                 </div>
                 <div class="g-bottom">
                     <p class="g-content">{$data.content2_3}</p>
                     <a class="g-more" href="{$data.href_url2_3}">{$data.href_name2_3}</a>
                 </div>
             </div>
         </div>
    </div>
</div>
{/block}

{block name="js"}{/block}